import React from 'react';
import { ShieldIcon, HeartIcon, BookOpenIcon } from 'lucide-react';
export const AboutUsPage = () => {
  return <div className="w-full bg-cream">
      {/* Hero Section */}
      <section className="bg-white py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="max-w-3xl mx-auto text-center">
            <h1 className="font-nunito font-bold text-3xl md:text-5xl text-dark mb-6">
              About CubHouseBuy
            </h1>
            <p className="font-inter text-lg text-gray-600 mb-8">
              Your trusted partner in finding safe, reliable, and joyful
              products for your little ones.
            </p>
          </div>
        </div>
      </section>
      {/* Our Mission */}
      <section className="py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="flex flex-col md:flex-row items-center gap-8 md:gap-16">
            <div className="w-full md:w-1/2">
              <img src="https://images.unsplash.com/photo-1613294326794-e7c74fe886e2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="Parent and baby" className="w-full h-auto rounded-lg shadow-md" />
            </div>
            <div className="w-full md:w-1/2">
              <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
                Our Mission
              </h2>
              <p className="text-gray-600 mb-4">
                At CubHouseBuy, we believe that every parent deserves access to
                reliable, honest information about the products they bring into
                their children's lives.
              </p>
              <p className="text-gray-600 mb-4">
                Our mission is to simplify the overwhelming world of baby
                products by providing expert-backed, parent-tested
                recommendations that prioritize safety, quality, and value.
              </p>
              <p className="text-gray-600">
                We're committed to being a trusted resource that helps parents
                make confident decisions during one of the most important
                journeys of their lives.
              </p>
            </div>
          </div>
        </div>
      </section>
      {/* Our Values */}
      <section className="py-16 bg-white">
        <div className="container mx-auto px-4 md:px-6">
          <div className="text-center mb-12">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
              Our Values
            </h2>
            <p className="font-inter text-gray-600 max-w-2xl mx-auto">
              These core principles guide everything we do at CubHouseBuy.
            </p>
          </div>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="bg-cream rounded-lg p-6 shadow-sm border border-gray-100 flex flex-col items-center text-center">
              <div className="w-16 h-16 rounded-full bg-yellow/20 flex items-center justify-center mb-4">
                <ShieldIcon size={28} className="text-yellow" />
              </div>
              <h3 className="font-nunito font-semibold text-xl mb-2">
                Safety First
              </h3>
              <p className="text-gray-600">
                We never compromise on safety. Every product we recommend meets
                or exceeds industry safety standards and has been thoroughly
                vetted by our team.
              </p>
            </div>
            <div className="bg-cream rounded-lg p-6 shadow-sm border border-gray-100 flex flex-col items-center text-center">
              <div className="w-16 h-16 rounded-full bg-coral/20 flex items-center justify-center mb-4">
                <HeartIcon size={28} className="text-coral" />
              </div>
              <h3 className="font-nunito font-semibold text-xl mb-2">
                Honest Guidance
              </h3>
              <p className="text-gray-600">
                We provide transparent, unbiased information free from marketing
                hype. Our reviews are based on real testing and genuine parent
                experiences.
              </p>
            </div>
            <div className="bg-cream rounded-lg p-6 shadow-sm border border-gray-100 flex flex-col items-center text-center">
              <div className="w-16 h-16 rounded-full bg-green/20 flex items-center justify-center mb-4">
                <BookOpenIcon size={28} className="text-green" />
              </div>
              <h3 className="font-nunito font-semibold text-xl mb-2">
                Evidence-Based
              </h3>
              <p className="text-gray-600">
                Our recommendations are backed by pediatric expertise,
                scientific research, and rigorous testing to ensure we're
                providing the most reliable guidance.
              </p>
            </div>
          </div>
        </div>
      </section>
      {/* Our Story */}
      <section className="py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="max-w-3xl mx-auto">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-6 text-center">
              Our Story
            </h2>
            <div className="prose prose-lg max-w-none">
              <p>
                CubHouseBuy was founded in 2020 by a group of parents who were
                frustrated with the overwhelming and often misleading
                information about baby products. As new parents themselves, they
                experienced firsthand the confusion and anxiety that comes with
                trying to choose the best and safest products for their
                children.
              </p>
              <p>
                What began as a small blog sharing honest reviews of baby
                products quickly grew into a comprehensive resource trusted by
                thousands of parents across the country. Our team now includes
                pediatricians, child development specialists, and product safety
                experts who work alongside our community of parent testers.
              </p>
              <p>
                Today, CubHouseBuy is proud to be the go-to resource for parents
                seeking clear, reliable guidance through every stage of their
                parenting journey. We remain committed to our founding mission:
                making parenting easier by taking the guesswork out of choosing
                safe, high-quality baby products.
              </p>
            </div>
          </div>
        </div>
      </section>
      {/* Join Us */}
      <section className="py-16 bg-terracotta/10 rounded-lg">
        <div className="container mx-auto px-4 md:px-6">
          <div className="max-w-3xl mx-auto text-center">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
              Join Our Community
            </h2>
            <p className="font-inter text-gray-600 mb-8">
              Become part of our growing community of parents who are committed
              to making informed choices for their little ones.
            </p>
            <div className="flex flex-col sm:flex-row justify-center gap-4">
              <a href="#" className="px-6 py-3 bg-terracotta text-white rounded-md hover:bg-terracotta/90 transition-colors font-medium text-base">
                Join Cub Club
              </a>
              <a href="#" className="px-6 py-3 bg-transparent border border-terracotta text-terracotta rounded-md hover:bg-terracotta/10 transition-colors font-medium text-base">
                Subscribe to Newsletter
              </a>
            </div>
          </div>
        </div>
      </section>
    </div>;
};